<template>
  <div class="box">
    <div>
      <van-nav-bar
        title="购物车"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
    </div>
    <div class="box2">
      <van-card
          v-for="i in 4" :key="i"
          :num="Collection.count"
          :price="Collection.sell"
          :desc="Collection.name"
          title="藏品信息"
          :thumb="Collection.imgsrc"
      />
    </div>

    <div class="box3">
      <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit" />
    </div>
  </div>
</template>

<script>

export default {
  name: "ShopChe",
  data() {
    return {
      Collection: {},
    }
  },
   methods: {
    onClickLeft() {
      this.$router.back();
    },
     onSubmit(){
      console.log("11")
     }
  },
};
</script>

<style scoped>
.box3 {
  padding: 10px 10px;
}
</style>